<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link rel="stylesheet" type="text/css" href="../../_third-party/bootstrap/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="../../_src/font/font.css" />
		<title></title>
	</head>
	<body>
		<div class="wm-font">
			<h4><span class="glyphicon glyphicon-arrow-down" aria-hidden="true"></span> 文字样式 </h4>
			<hr>
			<p><span class="wm-font-head">我是页面标题样式</span></p>

			<p><span class="wm-font-subheadBold">我是小标题加粗样式</span></p>

			<p><span class="wm-font-subhead">我是小标题不加粗样式</span></p>

			<p><span class="wm-font-smallhead">我是强调样式</span></p>

			<p><span class="wm-font-text">我是正文样式</span></p>

			<p><span class="wm-font-help">我是辅助文字样式</span></p>

			<p><span class="wm-font-date">日期文字样式</span></p>

			<p><span class="wm-font-disabled">我是失效文字样式</span></p>

			<h4><span class="glyphicon glyphicon-arrow-down" aria-hidden="true"></span> 文字可使用的颜色 </h4>
			<hr>
			<p><span class="text-primary">重要的文本 / 链接文本</span></p>
			<p><span class="text-success">执行成功的文本。</span></p>
			<p><span class="text-info">代表一些提示信息的文本。</span></p>
			<p><span class="text-warning">警告文本。</span></p>
			<p><span class="text-danger">危险操作文本。</span></p>

			<h4><span class="glyphicon glyphicon-arrow-down" aria-hidden="true"></span> 段落 </h4>
			<hr>
			<p class="wm-font-paragraph">
				段落示意：这是段落的实例。这是段落的实例。这是段落的实例。这是段落的实例。这是段落的实例。
				这是段落的实例。这是段落的实例。这是段落的实例。这是段落的实例。这是段落的实例。
			</p>
		</div>
	</body>
</html>
